{% extends 'base.html' %}

{% block title %}知了博客首页{% endblock %}

{% block main %}
<h1>博客列表</h1>
<div class="row row-cols-2 row-gap-2">
  <div class="col">
    <div class="card">
      <div class="card-header">
        <a href="#">Django5零基础项目实战</a>
      </div>
      <div class="card-body" style="height: 100px;">
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      </div>
      <div class="card-footer text-body-secondary d-flex justify-content-between">
        <div>
          <img src="{% static 'images/deluke.gif' %}" class="rounded-circle" alt="" height="30" width="30">
          知了课堂
        </div>
        <div>发布时间: 2025年2月21日 13:08</div>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="card">
      <div class="card-header">
        <a href="#">Django5零基础项目实战</a>
      </div>
      <div class="card-body" style="height: 100px;">
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      </div>
      <div class="card-footer text-body-secondary d-flex justify-content-between">
        <div>
          <img src="{% static 'images/deluke.gif' %}" class="rounded-circle" alt="" height="30" width="30">
          知了课堂
        </div>
        <div>发布时间: 2025年2月21日 13:08</div>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="card">
      <div class="card-header">
        <a href="#">Django5零基础项目实战</a>
      </div>
      <div class="card-body" style="height: 100px;">
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      </div>
      <div class="card-footer text-body-secondary d-flex justify-content-between">
        <div>
          <img src="{% static 'images/deluke.gif' %}" class="rounded-circle" alt="" height="30" width="30">
          知了课堂
        </div>
        <div>发布时间: 2025年2月21日 13:08</div>
      </div>
    </div>
  </div>
</div>
{% endblock %}